<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
        <style>
            /* 
                :link表示没访问的链接（正常的链接）
            */
            a:link{
                color: aqua;
                font-size: 20px;
            }
            /* 
                :visited表示访问过的链接

                由于隐私的原因,所以visited只能修改链接的颜色
            */
            a:visited{
                color:beige;

            }
            /* 
                :hover 用来表示鼠标移入时的状态
            */
            a:hover{
                color: red;
                font-size: 20px;
            }
            /* 
                :active 用来表示鼠标点击
            */
            a:active{
                color:blue;

            }
        </style>
<body>
    <!-- 
        1.没有访问过的链接
        2.访问过的链接
     -->
        <a href="https://www.baidu.com">访问过的链接</a>
        <br>
        <a href="https://www.baidu456.com">没有访问过的链接</a>


</body>
</html>